<template>
  <div class="foot_bar">
<!--    <div></div>-->
    <div style="text-align: center">
      <div>Contact Us: team@magicofuniverse.games</div>
      <div>©2022 by magicofuniverse.games</div>
    </div>
<!--    <div class="_foot_incon">-->
<!--      <div></div>-->
<!--      <div></div>-->
<!--      <div></div>-->
<!--    </div>-->
  </div>
</template>

<script>

</script>

<style scoped lang="scss">
  .foot_bar {
    margin-top: 80px;
    padding: 0 166px 176px 77px;
    /*@include flex;*/
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #C5C5C5;
    line-height: 22px;
  }

  ._foot_incon {
    display: flex;
    align-items: center;
    div {
      width: 19px;
      height: 19px;
      margin-right: 30px;
      &:nth-child(1) {
        background: url("@/assets/f1.png") no-repeat center;
        background-size: cover;
      }
      &:nth-child(2) {
        background: url("@/assets/f2.png") no-repeat center;
        background-size: cover;
      }
      &:nth-child(3) {
        background: url("@/assets/f3.png") no-repeat center;
        background-size: cover;
      }
    }
  }

  @media screen and (max-width: 750px) {
    .foot_bar {
      padding: 0 0 20px;
      display: flex;
      flex-direction: column;
    }
    ._foot_incon {
      margin-top: 10px;
    }
  }
</style>
